<style type="text/css">
	.page-header .left {
		width: calc(100% - 220px);
	}

	@media only screen and (max-width: 479px) and (min-width: 320px) {
		.page-header .left {
			width: 100%;
		}
	}

	/* 里面的图标 */
	.el-checkbox__inner {
		display: inline-block;
		position: relative;
		border: 1px solid #000;
		/*border-radius: 2px;*/
		box-sizing: border-box;
		width: 16px;
		height: 16px;
		background-color: #fff;
		z-index: 1;
		vertical-align: top;
		-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
		transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
	}

	.el-checkbox__inner::after {
		box-sizing: content-box;
		content: "";
		border: 2px solid #32a3ce;
		border-left: 0;
		border-top: 0;
		height: 7px;
		left: 5px;
		position: absolute;
		top: 1px;
		-webkit-transform: rotate(45deg) scaleY(0);
		-ms-transform: rotate(45deg) scaleY(0);
		transform: rotate(45deg) scaleY(0);
		width: 3px;
		-webkit-transition: -webkit-transform .05s ease-in .01s;
		transition: -webkit-transform .05s ease-in .01s;
		transition: transform .05s ease-in .01s;
		transition: transform .05s ease-in .01s, -webkit-transform .05s ease-in .01s;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}

	.el-checkbox__inner.is-checked {
		background-color: transparent;
		border-color: #32a3ce;
	}

	.sensorModuleBox .el-checkbox__inner.is-checked~span,
	.GPSModuleBox .el-checkbox__inner.is-checked~span {
		color: #d15b47;
	}

	.el-checkbox__inner.is-checked::after {
		-webkit-transform: rotate(45deg) scaleY(1);
		-ms-transform: rotate(45deg) scaleY(1);
		transform: rotate(45deg) scaleY(1);
	}
</style>
<div id="content">
	<div class="row s_page_title">
		<sa-big-breadcrumbs [items]="['系统基础管理','项目车辆']" icon="fa fa-list" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
	</div>
	<sa-widgets-grid>
		<div class="s_table">
			<div sa-widget [editbutton]="false" color="darken" class="clearfix">
				<header><span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2>项目车辆</h2>
				</header>
				<div>
					<div class="widget-body no-padding">
						<div class="page-header clearfix s_table_opreation">
							<div class="left page-header-btn">
								<div class="top_module" id="installFactoryId">
									<span class="module_text">安装厂区</span>
									<sa-company-tree wrap="" companyTreeId="companyTree1" (companySelected)="companySelected1($event)" [companyParentList]="companyParentList"></sa-company-tree>
								</div>
								<div class="top_module" id="dockingFactoryId">
									<span class="module_text">对接厂区</span>
									<sa-company-tree wrap="body" companyTreeId="companyTree2" (companySelected)="companySelected2($event)" [companyParentList]="companyParentList"></sa-company-tree>
								</div>
								<div class="top_module top_module_box">
									<span class="module_text">车牌号码</span>
									<div class="s_hover_box">
										<select class="select2" id="carNumberSelect">
											<option value=''></option>
										</select>
										<div class="s_del_icon" (click)='del_carNumber()'>x</div>
									</div>
								</div>

								<div class="top_module top_module_box">
									<span class="top_module_label module_text">车辆用途</span>
									<select name="" class="top_module_select" [(ngModel)]="useTypeL1" (change)="carUseTypeL1Change()">
									  <option value="">全部</option>
									  <option value="" *ngFor="let item of carTypeList" [value]="item.id">{{ item.label }}</option>
									</select>
								  </div>
								  <div class="top_module top_module_box">
									<span class="top_module_label module_text">车辆分类</span>
									<select name="" class="top_module_select" [(ngModel)]="useTypeL2">
									  <option value="">全部</option>
									  <option value="" *ngFor="let item of carTypeDetailList" [value]="item.id">{{ item.label }}</option>
									</select>
								  </div>

								  <div class="top_module top_module_box">
									<span class="top_module_label module_text">设备类型</span>
									<select name="" class="top_module_select" [(ngModel)]="type">
										<option value="">全部</option>
										<option value="1">载重+北斗/GPS</option>
										<option value="2">北斗/GPS</option>
										<option value="3">北斗/GPS+摄像头</option>
									</select>
								</div>

								<div class="top_module top_module_box">
									<span class="top_module_label module_text">车辆状态</span>
									<select name="" class="top_module_select" [(ngModel)]="status">
										<option value="0">全部</option>
										<option value="2">未到期</option>
										<option value="3">将到期</option>
										<option value="1">已到期</option>
									</select>
								</div>
								<div class="top_module top_module_box">
									<span class="top_module_label module_text">对接状态</span>
									<select name="" class="top_module_select" [(ngModel)]="dockingStatus">
										<option value="">全部</option>
										<option value="0">启用</option>
										<option value="1">停用</option>
									</select>
								</div>
								<div class="top_module top_module_box">
									<span class="top_module_label module_text">行业类型</span>
									<select
										name=""
										class="top_module_select"
										[(ngModel)]="businessType"
										(change)="businessTypeChange($event.target.value)"
									>
										<option value="">请选择</option>
										<option *ngFor="let item of businessTypeList" [value]="item.value">{{ item.label }}</option>
									</select>
								</div>
								<div class="top_module top_module_box">
									<span class="top_module_label module_text">厂区是否相同</span>
									<select name="" class="top_module_select" [(ngModel)]="isEquals">
										<option value="">全部</option>
										<option value="0">不同</option>
										<option value="1">相同</option>
									</select>
								</div>
								<div class="top_module top_module_box">
									<span class="module_text">缴费次数</span>
									<input type="text" class="module_inp top_module_select" onkeyup="!/^([0-9]|1[0-9])$/.test(value)?(value=value.substring(0, value.length-1)): ''" [(ngModel)]="renewCount" placeholder="查询大于或等于0的整数" />
								</div>
								<div class="top_module top_module_box">
									<span class="top_module_label module_text">时间类型</span>
									<select name="" class="top_module_select" [(ngModel)]="dateType">
										<option value="0">更新时间</option>
										<option value="1">安装时间</option>
										<option value="2">对接时间</option>
										<option value="3">服务到期时间</option>
										<option value="4">保修时间</option>
									</select>
								</div>
								<div class="top_module top_module_box">
									<span class="top_module_label module_text">排序类型</span>
									<select name="" class="top_module_select" [(ngModel)]="renewalDueTimeSort">
										<option value="0">服务到期时间升序</option>
										<option value="1">服务到期时间降序</option>
										<option value="2">安装时间升序</option>
										<option value="3">安装时间降序</option>
									</select>
								</div>
								<div class="selectDate top_module">
									<table-select-date [notInit]='true' (outerTime)="getSelectTableTime($event)"></table-select-date>
								</div>
								<div class="top_module top_module_box">
									<span class="module_text">剩余天数</span>
									<input type="text" class="module_inp top_module_select" [(ngModel)]="restDay" placeholder="查询小于该剩余天数" />
								</div>
								<button class="btn btn-primary" (click)="table_search()">查询</button>
								<button type="button" class="btn btn-primary" (click)="updata_car('','new',projectCarModal)">添加</button>
								<button type="button" class="btn btn-primary" (click)="exportData()">导出</button>
								<button type="button" class="btn btn-primary" (click)="setupTime(setupTimeModal)">设置提醒时间</button>
								<button type="button" class="btn btn-primary" (click)="openSyncCarModal(syncCarModal)">同步项目车辆</button>
								<button type="button" class="btn btn-primary" (click)="batchDate(batchDateModal)">修改服务到期时间</button>
								<button type="button" class="btn btn-primary" (click)="maintenanceDate(maintenanceDateModal)">修改保修到期时间</button>
								<button type="button" class="btn btn-primary" (click)="cancelBatchDate(cancelBatchDateModal)">取消项目到期提醒</button>
								<button type="button" class="btn btn-primary" (click)="resetBatchDate(resetBatchDateModal)">重置项目服务</button>
								<button type="button" class="btn btn-primary" (click)="Statistics(statisticsModal)">统计项目</button>
							</div>
							<div class="right top-search">
								<input type="text" [(ngModel)]="searchKey" (change)="table_search()" class="search-input" title="设备ID、车牌号、安装厂区、操作人" placeholder="设备ID、车牌、安装厂区、操作人">
								<span class="top-search-box">
									<button class="top-search-btn" type="button" (click)="table_search()"> <i class="fa fa-search"></i></button>
								</span>
							</div>
						</div>
						<div class="table_scroll">
							<table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
								<thead>
									<tr>
										<th>车牌号</th>
										<th>设备ID</th>
										<th>安装厂区</th>
										<th>对接厂区</th>
										<th>车辆状态</th>
										<th>安装时间</th>
										<th>对接时间</th>
										<th>服务到期时间</th>
										<th>保修到期时间</th>
										<th>剩余天数</th>
										<th>操作人</th>
										<th>更新时间</th>
										<th>缴费次数</th>
										<th>设备详情</th>
										<th>对接状态</th>
										<th>停用时间</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr *ngFor="let row of tableData" [ngStyle]="{'color':row.expire=='1'?'#ED4800':'#333'}">
										<td>
											<span *ngIf='row.isShow == true && row.isExpire == true' class="fa fa-exclamation-circle" aria-hidden="true" style="display:inline-block;margin-right: 4px;font-size: 16px;position:relative;color:#ED4800">
												<span class="carInfo" style="display:none;top:-8px;left:20px;font-size:14px;padding: 5px 5px;border-radius: 4px;position:absolute;color:rgb(240,240,240);background-color:#ED4800">{{row.carNumber}}该设备服务{{row.textTime}}到期，请联系销售或拨打客服电话及时续费</span></span>
											<span *ngIf='row.isShow == true && row.isExpire == false' class="fa fa-exclamation-circle" aria-hidden="true" style="display:inline-block;margin-right: 4px;font-size: 16px;position:relative;color:#f39c12">
												<span class="carInfo" style="display:none;top:-8px;left:20px;font-size:14px;padding: 5px 5px;border-radius: 4px;position:absolute;color:#ED4800;background-color:#FFDC8A">{{row.carNumber}}该设备服务{{row.textTime}}到期，请联系销售或拨打客服电话及时续费</span></span>
											{{row.carNumber}}
										</td>
										<td>{{row.deviceId}}</td>
										<td>{{row.installFactoryName}}</td>
										<td>{{row.dockingFactoryName}}</td>
										<td>
											<span *ngIf='row.expire == "0"' style="color: #ED4800;">未启用</span>
											<span *ngIf='row.expire == "1"' style="color: #ED4800;">已到期</span>
											<span *ngIf='row.expire == "2"' style="color: #69aa46;">未到期</span>
											<span *ngIf='row.expire == "3"' style="color: #f39c12;">将到期</span>
										</td>

										<td>{{row.installTime||'--'}}</td>
										<td>{{row.dockingTime||'--'}}</td>
										<td>{{row.renewalDueTime||'--'}}</td>
										<!-- 判断安装场是否开启周期 来显示保修周期 -->
										<!-- <td *ngIf='row.isSyncwarranty!=1'>--</td> -->
										<td>
											<span *ngIf='row.isSyncwarranty==1'>{{row.warrantyExpirationTime||'--'}}</span>
											<span *ngIf='row.isSyncwarranty!=1'>--</span>
											<button *ngIf='row.sensorRepairInfoList && row.sensorRepairInfoList.length' style="margin-left: 5px; margin-right: 0;" type="button" (click)="seeSensorNumber(row,sensorModal)">传感器保修</button>
										</td>
										<td>
											<span style="color: #ED4800;" *ngIf="row.remainingDay&&row.isSurplus">{{row.expireTime||'--'}}</span>
											<span *ngIf="row.remainingDay&&!row.isSurplus">{{row.expireTime||'--'}}</span>
											<span *ngIf="!row.remainingDay">无限期</span>
										</td>
										<td>{{row.operator}}</td>
										<td>{{row.updateTime}}</td>
										<td>
											{{row.renewCount?row.renewCount+"次 ":"0次"}}
											<button type="button" [ngStyle]="{display:row.renewCount?'inline-block':'none'}" (click)="see_renewDetails(row,renewDetailsModal)">>>缴费详情</button>
										</td>
										<td>
											<button type="button" (click)="see_details(row,detailsModal)">详情</button>
										</td>
										<td class="smart-form" style="padding: 7px 10px;">
											<!-- <label class="toggle">
												<input type="checkbox" name="checkbox-toggle" [checked]="row.isStatus" [id]='row.id'>
											<i data-swchon-text="是" data-swchoff-text="否"></i></label> -->
											<input style="margin-right: 5px;display: none;" name="status" class="isStatus" type="checkbox" [checked]="row.isStatus" [id]='row.id'>
										</td>
										<td>{{row.stopTime||'--'}}</td>
										<td>
											<button type="button" (click)="updata_car(row,'updata',projectCarModal)">编辑</button>
											<!-- 这里也根据权限 -->
											<button type="button" *ngIf="isShowDelete" (click)="del_car(row)">删除</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="table-fix clearfix">
							<paginator [totalRecords]="totalCount" [rows]="pageSize" [currentPage]="curPage - 1" (onPageChange)="paginate($event)">
							</paginator>
							<button type="button" class="btn default refresh_btn" (click)="refresh()"><i class="fa fa-refresh"></i></button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</sa-widgets-grid>
</div>
<!-- 新增项目车辆   弹窗-->
<section bsModal #projectCarModal="bs-modal" id="projectCarModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="opacity: 1;">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="projectCarClose(projectCarModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title"><span *ngIf="formType == 'new'">新增</span><span *ngIf="formType == 'updata'">编辑</span><span *ngIf="formType == 'role'">对接角色</span>项目车辆</h4>
			</div>
			<form id="projectCarFrom" class="form-horizontal" role="form" novalidate="novalidate" [saBootstrapValidator]="validatorOptions">
				<div class="modal-body">
					<div class="row form-horizontal">
						<div class="form-group col-xs-12" [ngStyle]="{display:formType != 'role'?'block':'none'}">
							<label class="control-label col-sm-2 no-padding-right">安装厂区</label>
							<div class="col-sm-10">
								<input class="form-control" disabled *ngIf="formType == 'updata'" type="text" name="companyNameT" [value]="projectCarFrom.installFactoryName" placeholder="安装公司" />
								<sa-company-tree wrap="html" [ngStyle]="{display:formType == 'new'?'block':'none'}" companyTreeId="companyTree3" [Height]="32" inputName='installFactory' [companyParentList]="companyParentList" [companyNameValue]="projectCarFrom.installFactoryName" [companyIdValue]="projectCarFrom.installFactoryId" (companySelected)="addCompanySelected1($event)"></sa-company-tree>
							</div>
						</div>
						<div class="form-group col-xs-12" [ngStyle]="{display:formType != 'role'?'block':'none'}">
							<label class="control-label col-sm-2 no-padding-right">车牌号码<sup>*</sup></label>
							<div class="col-sm-10">
								<input type="hidden" class="form-control" name='carNumberInput' id="carNumberInput" [(ngModel)]='projectCarFrom.carNumber'>
								<div class="s_hover_box" [ngStyle]="{display:formType == 'new'?'block':'none'}">
									<select class="select2 form-control" id="carNumberSelect2" style="width:100%">
										<option value=''></option>
									</select>
									<div class="s_del_icon" (click)='del_carNumber2()'>x</div>
								</div>
								<input class="form-control" disabled id="carNumberValue" *ngIf="formType == 'updata'" type="text" name="carNumberT" [(ngModel)]="projectCarFrom.carNumber" placeholder="车牌号码" />
							</div>
						</div>
						<div class="form-group col-xs-12" [ngStyle]="{display:formType != 'role'?'block':'none'}">
							<label class="control-label col-sm-2 no-padding-right">对接厂区<sup>*</sup></label>
							<div class="col-sm-10">
								<sa-company-tree wrap="html" wrapId="projectCarFrom" companyTreeId="companyTree4" [Height]="32" inputName='dockingFactory' [companyNameValue]="projectCarFrom.dockingFactoryName" [companyParentList]="companyParentList" [companyIdValue]="projectCarFrom.dockingFactoryId" (companySelected)="addCompanySelected2($event)"></sa-company-tree>
							</div>
						</div>
						<div class="form-group col-xs-12" [ngStyle]="{display:formType == 'updata'?'none':'block'}" style="margin-bottom: 0px;">
							<label class="control-label col-sm-2 no-padding-right">对接角色</label>
							<div class="col-sm-10">
								<div class="clearfix fix_select2">
									<div class="checkBoxRole">
										<label *ngFor="let item of userList"><input type="checkbox" name="dockingRole" [id]="item.id" (input)="checkBoxRole($event.target,item.id)" [checked]="item.check" />{{item.text}}</label>
									</div>
								</div>
								<div>
									<span *ngIf="userList.length == 0 && projectCarFrom.dockingFactoryName" class="red">提示：{{RoleXxplain}}</span>
									<button class="btn btn-link right btnRole" (click)="jumpToPage($event,'/system/project-config')" style="margin: 0;padding:0;" title="跳转对接配置">>> 新增角色</button>
								</div>
							</div>
						</div>
						<div class="form-group col-xs-12" [ngStyle]="{display:formType == 'updata'?'block':'none'}">
							<label class="control-label col-sm-2 no-padding-right">对接时间<sup>*</sup></label>
							<div class="col-sm-10">
								<input class="form-control" name="dockingTime" type="text" [(ngModel)]='projectCarFrom.dockingTime' id="dockingTime" placeholder="对接时间" autocomplete="off" />
							</div>
						</div>
						<div class="form-group col-xs-12" [ngStyle]="{display:formType != 'role'?'block':'none'}">
							<label class="control-label col-sm-2 no-padding-right"></label>
							<div class="col-sm-10" (click)="resetSelectClick()" style="width: 45%;">
								<span class="el-checkbox__inner" [ngClass]="{'is-checked':isResetSelected}"></span>
								<span>重置服务到期时间、续费次数</span>
							</div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" (click)="projectCarClose(projectCarModal)">取消</button>
					<button type="button" class="btn btn-primary" (click)="projectCarSubmit(projectCarModal)">确认</button>
				</div>
			</form>
		</div>
	</div>
</section>
<!-- 新增项目车辆 弹窗end-->

<!-- 详情   弹窗-->
<section bsModal #detailsModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" style="overflow: auto;">
	<div class="modal-dialog modal-lg" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="detailsClose(detailsModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title"><span>详情</span></h4>
			</div>
			<form id="detailsFrom" class="form-horizontal" role="form" novalidate="novalidate">
				<div class="modal-body">
					<div class="row form-horizontal">
						<div class="device-module clearfix" style="clear: both;">
							<h3 style="font-weight: bold;">基本信息</h3>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">所属公司：</span>
								<span class="item-value" [attr.title]="detailsFrom.parentName">{{detailsFrom.parentName||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">设备ID：</span>
								<span class="item-value" [attr.title]="detailsFrom.deviceId">{{detailsFrom.deviceId||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">车牌号：</span>
								<span class="item-value" [attr.title]="detailsFrom.carNumber">{{detailsFrom.carNumber||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">荷载重量[<span *ngIf="detailsFrom.unit === '1'">吨</span><span *ngIf="detailsFrom.unit === '2'">千克</span>]：</span>
								<span class="item-value" [attr.title]="">{{detailsFrom.loadCapacity||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">用途：</span>
								<span class="item-value" [attr.title]="detailsFrom.useTypeL1">{{detailsFrom.useTypeL1||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">用途分类：</span>
								<span class="item-value" [attr.title]="detailsFrom.useTypeL2">{{detailsFrom.useTypeL2||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">车辆类型：</span>
								<span class="item-value" [attr.title]="detailsFrom.carType">{{detailsFrom.carType||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">GPS编码：</span>
								<span class="item-value" [attr.title]="detailsFrom.gpsId">{{detailsFrom.gpsId||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">是否多厂区拉货：</span>
								<span class="item-value" [attr.title]="detailsFrom.isShared" *ngIf="detailsFrom.isShared">是</span>
								<span class="item-value" [attr.title]="detailsFrom.isShared" *ngIf="!detailsFrom.isShared">否</span>
							</div>
							<h3 style="font-weight: bold;clear: both;margin: 127px 0 0px 0;">设备信息</h3>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">传感器类型：</span>
								<span class="item-value">
									<sa-sensor-type [sensorTypeId]="detailsFrom.sensorType" type='2'></sa-sensor-type>
								</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">传感器数量：</span>
								<span class="item-value" [attr.title]="detailsFrom.sensorAmount">{{detailsFrom.sensorAmount||'--'}}</span>
							</div>
							<div class="table_scroll item-box col-xs-4 no-padding">
								<span class="item-key">传感器通道：</span>
								<div *ngIf="detailsFrom.sensorAmount != ''" style="display: inline;">
									<span class="item-value channel-style bg-green" *ngFor="let item of detailsFrom.sensorChannel">{{item}}</span>
								</div>
								<span class="item-value" *ngIf="detailsFrom.sensorAmount == ''" [attr.title]="">--</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">SIM卡号：</span>
								<span class="item-value" [attr.title]="detailsFrom.sim">{{detailsFrom.sim||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">轴数：</span>
								<span class="item-value" [attr.title]="detailsFrom.carAxleAmount">{{detailsFrom.carAxleAmount||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">硬件版本：</span>
								<span class="item-value" [attr.title]="detailsFrom.hwVersion">{{detailsFrom.hwVersion||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">固件版本：</span>
								<span class="item-value" [attr.title]="detailsFrom.fwVersion">{{detailsFrom.fwVersion||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">GPS天线：</span>
								<span class="item-value" [attr.title]="detailsFrom.gpsAntenna">{{detailsFrom.gpsAntenna||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">GSM天线：</span>
								<span class="item-value" [attr.title]="detailsFrom.gsmAntenna">{{detailsFrom.gsmAntenna||'--'}}</span>
							</div>
							<h3 style="font-weight: bold;clear: both;margin: 127px 0 0px 0;">辅助信息</h3>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">司机姓名：</span>
								<span class="item-value" [attr.title]="detailsFrom.driverName">{{detailsFrom.driverName||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">司机电话：</span>
								<span class="item-value" [attr.title]="detailsFrom.phone">{{detailsFrom.phone||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">录入人员：</span>
								<span class="item-value" [attr.title]="detailsFrom.userNameForCreate">{{detailsFrom.userNameForCreate||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">GPS问题：</span>
								<span class="item-value" [attr.title]="detailsFrom.gpsProblem">{{detailsFrom.gpsProblem||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">传感器问题：</span>
								<span class="item-value" [attr.title]="detailsFrom.sensorProblem">{{detailsFrom.sensorProblem||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">安装时间：</span>
								<span class="item-value" [attr.title]="detailsFrom.inputDate">{{detailsFrom.inputDate||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">更新时间：</span>
								<span class="item-value" [attr.title]="detailsFrom.updateDate">{{detailsFrom.updateDate||'--'}}</span>
							</div>
							<div class="item-box col-xs-4 no-padding">
								<span class="item-key">备注：</span>
								<span class="item-value" [attr.title]="detailsFrom.remark">{{detailsFrom.remark||'--'}}</span>
							</div>
							<!-- <div class="item-box col-xs-8 no-padding" *ngIf="detailsFrom.picture != ''">
								<span class="item-key">图片：</span>
								<img [src]="detailsFrom.picture" alt="图片" class="picture" style="max-width: 500px;"/>
							</div> -->
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</section>
<!-- 详情 弹窗end-->

<!-- 设置提醒时间   弹窗-->
<section bsModal #setupTimeModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="setupTimeClose(setupTimeModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">设置提醒时间</h4>
			</div>

			<div class="modal-body">
				<div class="row form-horizontal">
					<div class="form-group col-xs-12" style="margin-bottom: 0px;">
						<label class="control-label col-sm-2 no-padding-right">提醒时间<sup>*</sup></label>
						<div class="col-xs-10">
							<div class="clearfix numWrap" id="setupTimeFrom">
								<span class="reduce col-sm-1" (click)="reduceNum()"><i class="fa fa-minus" aria-hidden="true"></i></span>
								<!-- 小的数量框 -->
								<input class="col-sm-4 form-control" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')" style="width: auto;margin-left: -1px;" autocomplete="off" name="setupTime" type="text" placeholder="天数" [(ngModel)]="remaining" />
								<span class="add col-sm-1" (click)="addNum()" style="margin-left: -1px;"><i class="fa fa-plus" aria-hidden="true"></i></span>
								<span class="col-sm-1 day">天</span>
							</div>
							<!-- <input class="form-control" name="setupTime" type="tel"  style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" [(ngModel)]='setupTimeFrom.dockingTime'  placeholder="提醒时间" autocomplete="off"/> -->
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" (click)="setupTimeClose(setupTimeModal)">取消</button>
				<button type="button" class="btn btn-primary" (click)="setupTimeSubmit(setupTimeModal)">确认</button>
			</div>
		</div>
	</div>
</section>
<!-- 设置提醒时间 弹窗end-->
<!-- 设置同步项目车辆  弹窗-->
<section bsModal #syncCarModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="syncCarClose(syncCarModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">同步项目车辆</h4>
			</div>
			<form id="syncCarFrom" class="form-horizontal" role="form" novalidate="novalidate" [saBootstrapValidator]="syncCarvalidatorOptions">
				<div class="modal-body">
					<div class="row form-horizontal">
						<div class="form-group col-xs-12" style="margin-bottom: 0px;">
							<label class="control-label col-sm-2 no-padding-right">选择公司<sup>*</sup></label>
							<div class="col-xs-10">
								<sa-company-tree wrap="html" companyTreeId="syncCompany" [Height]="32" inputName='syncCompany' [companyParentList]="companyParentList" [companyNameValue]="syncCompanyName" [companyIdValue]="syncCompanyId" (companySelected)="syncCompanySelect($event)"></sa-company-tree>
							</div>
						</div>
					</div>
				</div>
			</form>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" (click)="syncCarClose(syncCarModal)">取消</button>
				<button type="button" class="btn btn-primary" (click)="submitSyncCar(syncCarModal)">确认</button>
			</div>
		</div>
	</div>
</section>
<!-- 设置同步项目车辆 End-->
<!--  项目统计弹窗-->
<div bsModal #statisticsModal="bs-modal" id="dataModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg" style="width: 500px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="dataModalhide(statisticsModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">项目统计</h4>
			</div>
			<div class="modal-body" style="padding:0;">
				<div class="echartContainer" style="display:flex;justify-content:space-around;flex-wrap:nowrap;position:relative;">
					<!-- 饼图 -->
					<div id="pieChart" class="pieChart" style="height:500px;width:380px;text-align: center;"></div>

					<!-- 提示框 -->
					<div class="textBox" style="position: absolute;bottom: 0px;right: 10px;width: 35%;background-color: transparent;color: #333;min-height: 100px;z-index:99;box-sizing:6px 6px 6px #666666;">
						<p class="textTitle totalText"><span class="textLeft">总数&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="totalNumber" class="totalNumber">{{totalNumberError}}</span></p>
						<p class="textTitle beExpiredText"><span class="textLeft">总已到期数&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="deviceOffline" class="normal">{{beExpiredError}}</span></p>
						<p class="textTitle expiringText"><span class="textLeft">总即将到期数&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="sensorProblem" class="abnormal">{{expiringError}}</span></p>
						<p class="textTitle expiredInMonthText"><span class="textLeft">当月已到期数&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="matlabProblem" class="norail">{{expiredInMonthError}}</span></p>
						<p class="textTitle expiringInMonthText"><span class="textLeft">当月即将到期数&nbsp;&nbsp;&nbsp;&nbsp;</span><span id="gpsProblem" class="error">{{expiringInMonthError}}</span></p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--弹窗end-->
<!--  修改服务到期时间-->
<div bsModal #batchDateModal="bs-modal" id="dataModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="batchDateModalhide(batchDateModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">修改服务到期时间</h4>
			</div>
			<div class="modal-body">
				<div class="row form-horizontal">
					<div class="form-group col-xs-12">
						<label class="control-label col-sm-3 no-padding-right">选择时间:<sup>*</sup></label>
						<div class="col-xs-9">
							<label class="col-sm-4" style="margin-bottom:0px;"><input type="radio" class="radioSales" name="timeType" value="1" (click)="clickTimeType('1')" [checked]="timeType == '1'" />对接时间</label>
							<label class="col-sm-4" style="margin-bottom:0px;"><input type="radio" class="radioSales" name="timeType" value="2" (click)="clickTimeType('2')" [checked]="timeType == '2'" />服务到期时间</label>
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-sm-3 no-padding-right" *ngIf="timeType == '1'">对接时间:</label>
						<label class="control-label col-sm-3 no-padding-right" *ngIf="timeType == '2'">服务到期时间:<sup>*</sup></label>
						<div class="col-sm-8">
							<div class="clearfix">
								<input class="form-control" name="updateTime" id="updateTime" [(ngModel)]="updateTime" autocomplete="off" type="text" placeholder="请选择对接时间" />
							</div>
						</div>
					</div>
					<div class="form-group" *ngIf="timeType == '1'">
						<label class="control-label col-sm-3 no-padding-right">使用安装时间同步:</label>
						<div class="col-sm-8">
							<div class="clearfix">
								<input name="isUseInstallTime" type="checkbox" class="radioSales" [(ngModel)]='isUseInstallTime' (change)='isUseInstallTimeChange($event)'>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer" style="position: relative;">
				<div style="position: absolute;left: 8px;top: 12px;text-align: left;font-size: 12px;color: #8a8a8a;">
					<p>说明：</p>
					<p>对接时间：修改后，根据新对接时间，按服务周期，重新计算服务到期时间 </p>
					<p>服务到期时间：修改后，按新的时间，作为服务到期时间（推荐）</p>
				</div>
				<button type="button" class="btn btn-default" (click)="batchDateModalhide(batchDateModal)">取消
				</button><button type="button" class="btn btn-primary" (click)="batchDateSubmit(batchDateModal)" style="margin:0">确认</button>
			</div>
		</div>
	</div>
</div>
<!--弹窗end-->
<!--  修改保修到期时间-->
<div bsModal #maintenanceDateModal="bs-modal" id="dataModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="maintenanceDateModalhide(maintenanceDateModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">修改保修到期时间</h4>
			</div>
			<div class="modal-body">
				<div class="row form-horizontal">
					<div class="form-group">
						<label class="control-label col-sm-3 no-padding-right">车牌号码<sup>*</sup></label>
						<div class="col-sm-8">
							<input type="hidden" class="form-control" name='maintenanceCarNumberInput' id="maintenanceCarNumberInput" [(ngModel)]='maintenanceDateForm.carNumber'>
							<div class="s_hover_box" style="width:100%">
								<select class="select2 form-control" id="maintenanceCarNumber" style="width:100%">
									<option value=''></option>
								</select>
								<div class="s_del_icon" (click)='del_maintenanceCarNumber()'>x</div>
							</div>
						</div>
					</div>
					<div class="form-group" *ngIf="maintenanceDateForm.carNumber">
						<label class="control-label col-sm-3 no-padding-right">主机保修到期<sup>*</sup></label>
						<div class="col-sm-8">
							<div class="clearfix">
								<input class="form-control" name="warrantyExpirationTime" id="warrantyExpirationTime" [(ngModel)]="maintenanceDateForm.warrantyExpirationTime" autocomplete="off" type="text" placeholder="请选择主机保修到期" />
							</div>
						</div>
					</div>
					<div class="form-group" *ngFor="let item of maintenanceDateForm.sensorRepairInfoList;let i = index">
						<label class="control-label col-sm-3 no-padding-right">传感器{{item.sensorNumber}}保修到期<sup>*</sup></label>
						<div class="col-sm-8">
							<div class="clearfix">
								<input class="form-control" name="{{'warrantyExpirationTime'+i}}" id="{{'warrantyExpirationTime'+i}}" [(ngModel)]="maintenanceDateForm.sensorRepairInfoList[i].warrantyExpirationTime" autocomplete="off" type="text" placeholder="{{'请选择传感器' + item.sensorNumber + '保修到期'}}" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer" style="position: relative;">
				<button type="button" class="btn btn-default" (click)="maintenanceDateModalhide(maintenanceDateModal)">取消</button>
				<button type="button" class="btn btn-primary" (click)="maintenanceDateSubmit(maintenanceDateModal)">确认</button>
			</div>
		</div>
	</div>
</div>
<!--弹窗end-->
<!-- 设置取消服务到期提醒的公司  弹窗-->
<section bsModal #cancelBatchDateModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="cancelCarClose(cancelBatchDateModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">取消服务到期提醒</h4>
			</div>
			<form id="cancelDateCompanyFrom" class="form-horizontal" role="form" novalidate="novalidate" [saBootstrapValidator]="cancelDateCanpanyvalidatorOptions">
				<div class="modal-body">
					<div class="row form-horizontal">
						<div class="form-group col-xs-12" style="margin-bottom: 0px;">
							<label class="control-label col-sm-2 no-padding-right">选择公司<sup>*</sup></label>
							<div class="col-xs-10">
								<sa-company-tree wrap="html" companyTreeId="cancelCompany" [Height]="32" inputName='cancelCompany' [companyParentList]="companyParentList" [companyNameValue]="cancelCompanyName" [companyIdValue]="cancelCompanyId" (companySelected)="cancelCompanySelect($event)"></sa-company-tree>
							</div>
						</div>
					</div>
				</div>
			</form>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" (click)="cancelCarClose(cancelBatchDateModal)">取消</button>
				<button type="button" class="btn btn-primary" (click)="submitCancelDateCompany(cancelBatchDateModal)">确认</button>
			</div>
		</div>
	</div>
</section>
<!-- 设置取消服务到期提醒的公司 End-->
<!-- 重置到期服务时间的公司  弹窗-->
<section bsModal #resetBatchDateModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="resetCompanyClose(resetBatchDateModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">重置服务时间</h4>
			</div>
			<form id="resetDateCompanyFrom" class="form-horizontal" role="form" novalidate="novalidate" [saBootstrapValidator]="resetDateCanpanyvalidatorOptions">
				<div class="modal-body">
					<div class="row form-horizontal">
						<div class="form-group col-xs-12">
							<label class="control-label col-sm-2 no-padding-right">选择公司<sup>*</sup></label>
							<div class="col-xs-10">
								<sa-company-tree wrap="html" companyTreeId="resetCompany" [Height]="32" inputName='resetCompany' [companyParentList]="companyParentList" [companyNameValue]="resetCompanyName" [companyIdValue]="resetCompanyId" (companySelected)="resetCompanySelect($event)"></sa-company-tree>
							</div>
						</div>

						<div class="form-group col-xs-12">
							<label class="col-xs-2 control-label">选择类型<sup>*</sup></label>
							<div class="col-xs-10">
								<label class="radio radio-inline" style="margin-right: 40px;">
									<input type="radio" class="radiobox" checked [(ngModel)]='companySeverRemind' value='1' name="modal1">
									<span>服务到期时间</span>
								</label>
								<label class="radio radio-inline" style="margin-right: 40px;">
									<input type="radio" class="radiobox" [(ngModel)]='companySeverRemind' value='2' name="modal2">
									<span>保修到期时间</span>
								</label>
							</div>
						</div>
					</div>
				</div>
			</form>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" (click)="resetCompanyClose(resetBatchDateModal)">取消</button>
				<button type="button" class="btn btn-primary" (click)="submitResetDateCompany(resetBatchDateModal)">确认</button>
			</div>
		</div>
	</div>
</section>
<!-- 重置到期服务时间的公司 End-->
<!-- 续费详情弹框 -->
<div bsModal #renewDetailsModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
	<div class="modal-dialog modal-lg" style="width: 1000px;">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="renewDetailsClose(renewDetailsModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">缴费详情</h4>
			</div>
			<div class="modal-body">
				<div class="infoWrap">
					<div class="table_scroll">
						<table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
							<thead>
								<tr>
									<th>车牌号</th>
									<th>对接公司</th>
									<th>缴费时间</th>
									<th>开始时间</th>
									<th>结束时间</th>
									<th>缴费类型</th>
									<th>续费时长</th>
									<th>创建人员</th>
									<th>创建时间</th>
									<th>数据来源</th>
									<th>备注</th>
								</tr>
							</thead>
							<tbody>
								<tr *ngFor="let row of	renewDetailsTable">
									<td>{{row.carNumber}}</td>
									<td>{{row.companyName}}</td>
									<td>{{row.createDate}}</td>
									<td>{{row.startTime}}</td>
									<td>{{row.endTime}}</td>
									<td>
										<span *ngIf="row.billType == 1">服务费</span>
										<span *ngIf="row.billType == 2">对接费</span>
									</td>
									<td>{{row.renewalCycle?(row.renewalCycle+"个月"):""}}</td>
									<td>{{row.createName}}</td>
									<td>{{row.createTime}}</td>
									<td>
										<span *ngIf="row.dataSource == 1 || row.dataSource == '' || row.dataSource == null ">批量导入</span>
										<span *ngIf="row.dataSource == 2">随你运小程序</span>
										<span *ngIf="row.dataSource == 3">平台新增</span>
										<span *ngIf="row.dataSource == 4">API接口对接</span>
									</td>
									<td>{{row.remark}}</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 续费详情弹框  结束 -->

<!-- 传感器到期详细问题 -->
<div bsModal #sensorModal="bs-modal" id="sensorModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" (click)="cancelSensorModal(sensorModal)" aria-label="Close"><span aria-hidden="true">&times;</span></button>
				<h4 class="modal-title">传感器保修详细</h4>
			</div>
			<div class="modal-body" style="padding: 15px 15px 30px 15px">
				<div class="table_scroll">
					<table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
						<thead>
							<tr>
								<th>传感器通道</th>
								<th>传感器保修到期时间</th>
								<th>操作人</th>
								<th>更新时间</th>
							</tr>
						</thead>
						<tbody>

							<tr *ngFor="let row of sensorTableData">
								<td style="display: flex; justify-content: center">
									<span class="channel-style bg-green">{{row.sensorNumber}}</span>
								</td>
								<td>{{row.warrantyExpirationTime}}</td>
								<td>{{row.updateUser}}</td>
								<td>{{row.updateDate}}</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 传感器到期详细问题 end-->
<style>
	.item-box {
		margin: 5px 0;
		display: inline-block;
	}

	.item-box span {
		height: 30px;
		line-height: 30px;
	}

	.item-box span.item-key {
		width: 105px;
		text-align: right;
		display: block;
		float: left;
	}

	.item-box span.item-value {
		/* border: 1px solid #ddd; */
		padding-left: 5px;
		display: block;
		width: 180px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		-o-text-overflow: ellipsis;
		float: left;
	}

	.modal-body .item-box span.channel-style {
		height: 21px;
		width: 21px;
		line-height: 21px;
		padding-left: 0 !important;
		margin-top: 3px;
	}

	.arrow {
		display: inline-block;
		vertical-align: middle;
		width: 0;
		height: 0;
		margin-left: 5px;
		opacity: 0.66;
	}

	.arrow.asc {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid rgba(26, 109, 221, 1);
	}

	.arrow.dsc {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid rgba(26, 109, 221, 1);
	}

	.table_scroll input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
		content: "是\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0否";
	}

	#setupTimeFrom .reduce,
	#setupTimeFrom .add {
		border: 1px solid #ddd;
		height: 32px;
		line-height: 30px;
		text-align: center;
		cursor: pointer;
	}

	#setupTimeFrom .day {
		height: 32px;
		line-height: 32px;
		text-align: center;
	}

	.echartContainer .textTitle {
		font-size: 12px;
		line-height: 28px;
		height: 28px;
		color: #666666;
	}

	.echartContainer .textLeft {
		width: 60%;
		white-space: nowrap;
		text-align: right;
		display: inline-block;
	}

	.echartContainer .normal {
		font-size: 16px;
		color: #5de2ca;
	}

	.echartContainer .abnormal {
		font-size: 16px;
		color: #cc0000;
	}

	.echartContainer .norail {
		font-size: 16px;
		color: #ff993e;
	}

	.echartContainer .error {
		font-size: 16px;
		color: #3333ff;
	}

	.echartContainer .platformerror {
		font-size: 16px;
		color: #ff993e;
	}

	.echartContainer .shortBox {
		position: absolute;
		top: 0px;
		right: 20px;
		z-index: 9;
	}

	.echartContainer .totalNumber {
		font-size: 16px;
		color: #203330;
	}

	/* 批量更新时间 */
	.radioSales {
		margin: 8px 8px 0 0;
		position: relative;
		top: 1px;
	}

	.checkBoxRole {
		width: 100%;
		border: 1px solid #ccc;
		min-height: 34px;
		padding: 5px 10px;
		margin-bottom: 5px;
	}

	.checkBoxRole label {
		margin-right: 10px;
		margin-bottom: 0px;
		position: relative;
		padding: 2px 5px;
	}

	.checkBoxRole label input {
		position: relative;
		top: 2px;
		margin-right: 5px;
	}

	.checkBoxRole .checkLabelRole {
		background-color: #0075ff;
		border: none;
		color: #fff;
	}

	.checkBoxRole .checkLabelRole input {
		background-color: #0075ff;
		border: none;
		color: #fff;
	}

	.btnRole {}
</style>